<template>
  <div class="app">
    <!--访问store中的counter-->
    <h2>App当前计数: {{ $store.state.counter }}</h2>
    <!-- <home></home> -->
    <hr>
    <!--mapState映射-->
    <!-- <home2></home2> -->
    <!-- <hr> -->
    <!--getters的基本使用-->
    <!-- <h2>getters的基本使用</h2> -->
    <!-- <home3></home3> -->
    <!--getters和mutation的使用-->
    <!-- <hr> -->
    <!-- <h2>getters和mutation的使用</h2> -->
    <!-- <home4></home4> -->
    <!--action基本使用-->
    <!-- <h2>action基本使用</h2> -->
    <!-- <home5></home5> -->
     <!-- <h2>action映射</h2>
     <home6></home6> -->
     <!-- <h2>action异步操作</h2> -->
     <!-- <home7></home7> -->
     <!-- <h2>action异步操作</h2> -->
     <!-- <home8></home8> -->
     <h2>module模块</h2>
     <home9></home9>
  </div>
</template>

<script>
  export default {
    
  }
</script>

<script setup>
  import { ref } from "vue";
  import home from "./views/01_核心一state_store基本使用Home.vue";
  import {mapGetters} from "vuex";

  import home2 from "./views/02_核心一_mapState映射home.vue";
  import home3 from "./views/03_核心二_getters的基本使用Home.vue";
  import home4 from "./views/04_核心二_Getters-mapGetters映射mutation.vue";
  import home5 from "./views/05_核心三_action基本使用.vue";
  import home6 from "./views/06_核心三_action映射mapAction.vue";
  import home7 from "./views/07_核心三_action异步操作.vue";
  import home8 from "./views/08_核心三_mudle局部状态.vue";
  import home9 from "./views/08_核心三_mudle命名空间.vue";
  // const counter = $store.state.counter

</script>

<style scoped>

</style>
